<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--相对路径-->
		<img src="img/IMG201.jpg" width="300px"/>
		<!--绝对路径     HBuilder不可以显示   -->
		<img src="F:\\HtmlJs\\web-programming-and-design\\01HTML\\img\\IMG202.jpg" width="300px"/>
		<!--网络图片-->
		<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"/>
		<hr />
		<p>
			666
			<a href="#">
			<img src="img/IMG201.jpg" title="图片" height="200px" border="2px" alt="图片显示错误" align="center"/>
			</a>
			888
		</p>
	</body>
</html>
<!--img（不会自动换行）
	src 是引入图片的位置
	title 图片标题
	height / width  只给一个宽/高  会等比例缩放
	alt 图片无法正常显示时 显示文字		
	align 图片的位置  必须有参照物

-->